$h:52px;
$padding:5px;
.head{
    width: 100%;
    height: $h;
    line-height: $h;
    background: #00aeff;
    color: #fff;
    box-shadow: 0 10px 10px 10px #07324650;
    font-size: 20px;
    .headMain{
        width: 1024px;
        margin-left: 50%;
        transform: translateX(-50%);
        height: $h;
        display: flex;
        justify-content: start;
       
        .hList{
            // margin: 0 20px;
            height: calc($h - $padding * 2);
            padding: $padding 0;
            cursor: pointer;
            user-select: none;
           >div{
            height: calc($h - $padding * 2);
            line-height: calc($h - $padding * 2);
            padding: 0 40px;
            border-right: 1px solid #fff;
           }
        }
        .hList:hover,.hList.show{
            background-color: #7cd5ff;
        }
    }
}